<!--
@文件名： fourZeroFour.vue
@来源：YongPing.Wang|2023/11/12 11:12
@描述：404
-->
<template>
  <div class="fourZeroFour LG-wh100 LG-flexCen">
    <div class="fourZeroFour-box">
      <div class="imgbox">
        <img class="LG-w100" src="@/assets/common/404.png" alt="404" />
      </div>
      <div class="titleBox">
        <h5>{{ $t('LG.baseModel.sorryTheCurrentPageNotExist') }}</h5>
        <el-button @click="backMain" link type="primary">{{ $t('LG.baseModel.returnToHomepage') }}</el-button>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
  import { useRouter } from 'vue-router'

  const router = useRouter()
  const backMain = (): void => {
    void router.replace('/root')
  }
</script>
<style scoped lang="scss">
  .fourZeroFour {
    position: relative;
    .fourZeroFour-box {
      .imgbox {
        width: 400px;
      }
      .titleBox {
        font-size: 16px;
        text-align: center;
      }
    }
  }
</style>
